import React, { Component } from 'react';

// 导入组件
    //导入顶部
    import MyTop1 from '../../components/Rests/MyTop1';
    // 导入首页-头部组件
    import MyHeader from '../../components/Home/MyHeader';
    // 导入首页-轮播图组件
    import MySlideshow from '../../components/Home/MySlideshow';
    // 导入首页-种类分类
    import MyClassify from '../../components/Home/MyClassify';
    // 首页-推荐列表
    import RecommendList from '../../components/Home/RecommendList';

    import { getBanner } from '../../api/index'
    
class HomeJsx extends Component {
    constructor(props) {
        super(props);
        this.state = {
            swiperList:[]
        }
    }
    componentDidMount() {
        getBanner().then((res)=>{
            console.log(res.data.list);
            this.setState({swiperList:res.data.list})
        })
    }
    render() {
        return (
            <div >
                {/* 首页-顶部 */}
                <MyTop1/>
                {/* 首页-头部组件 */}
                <MyHeader />
                {/* 首页-轮播图组件 */}
                <MySlideshow piglist={this.state.swiperList} />
                {/* 首页-导航分类 */}
                <MyClassify/>
                {/* 首页-推荐列表 */}
                <RecommendList/>
            </div>
        );
    }
}

export default HomeJsx;